@charset "UTF-8";
/*
Author:张禀奇 Description: 好车E贷首页
*/
@import "../../../base/_common";
//@import "../../../components/imageBulletin";

body{
	@extend %width;
	background-color: #ededed;
}

//css3
.shadow {
    box-shadow: 0 0 13px #999;
}

.nav {
	background: #fff;
	padding: 23px 0;
}
.margin0 {
	margin: 0;
    border: none;
}

//Banner 全屏轮播
.banner-wrapper {
    height: 350px;
    overflow: hidden;
    position: relative;
    min-width:1190px;
    width:100%; 
} 

.banner-wrap .page-num {
    bottom: 25px;
    height: 16px;
    left: 50%;
    margin-left: -450px;
    position: absolute;
    text-align: center;
    width: 900px;
    z-index: 10;
    
    span{
    	background:url(#{$imgurl-base}/onlinefinance/ban-col.png) 0px -22px no-repeat;
	    color: #f6f6f6;
	    cursor: pointer;
	    height: 18px;
	    line-height: 18px;
	    margin-right: 10px;
	    text-align: center;
	    width: 18px;
	    display:inline-block;
    }
    
    span.current{
   		background:url(#{$imgurl-base}/onlinefinance/ban-col.png) 0 -1px no-repeat;
	    color: #333;
    }
}

.price-unit{
	width:40px;
	height: 38px;
	display: block;
	position:absolute;
	top:1px;
	right:50px;
	line-height:38px;
	text-align:center;
	font-size:14px;
	display:none;
}

.banner-wrap .control-mod{
	top: 150px;
    height: 1px;
    left: 50%;
    margin-left: -595px;
    position: absolute;
    text-align: center;
    width: 1190px;
    z-index: 11;
    
	
	.control-l,.control-r {
	    cursor: pointer;
	    height: 77px;
	    width: 60px;
	    z-index: 2;
	}
	.control-l {
	    //background: url(#{$imgurl-base}/index/icon-btn-l-h.png) 0px 0px no-repeat;
	    @include iconItemNoSize($iconsIndex,"icon-btn-l-h",indexMaps);
	    float:left;
	}
	.control-l:hover{
		//background: url(#{$imgurl-base}/index/icon-btn-l.png) 0px 0px no-repeat;
	    @include iconItemNoSize($iconsIndex,"icon-btn-l",indexMaps);
	}
	.control-r {
	    //background: url(#{$imgurl-base}/index/icon-btn-r-h.png) 0px 0px no-repeat;
	    @include iconItemNoSize($iconsIndex,"icon-btn-r-h",indexMaps);
	    float:right;
	}
	.control-r:hover{
		//background: url(#{$imgurl-base}/index/icon-btn-r.png) 0px 0px no-repeat;
	    @include iconItemNoSize($iconsIndex,"icon-btn-r",indexMaps);
	}
}

//贷款搜索
.ofc-search{
	a{
		text-decoration: none;
	}
	width:332px;
	height:284px;
	position:relative;
	left:50%;
	margin-top:-318px;
	margin-left: -594px;
	margin-bottom: 35px;
    background: rgba(255,255,255,0.4);
    color: #333;
    font-family: "微软雅黑";
    font-size: 16px;
	.ofc-search-tab{
		width:100%;
		.ofc-tab-btn{
			display:block;
			float:left;
			width:50%;
			height:44px;
			line-height:44px;
			text-align:center;
			color:#333;
			font-size:16px;
			cursor: pointer;
		}
		.ofc-tab-cur{
			color:#fff;
			background: $color-main;
		}
	}
	.ofc-tab-item-vehicle{
		padding-top:14px;
	}
	.ofc-tab-item-budget{
		padding-top:49px;
	}
	.ofc-show-tiny{
		padding:10px 15px 0 15px;
		height:17px;
		font-size: 14px;
		font-weight: bold;
	}
	
	.ofc-show-tiny .car-detail {
	  background-color: transparent;
	}
	//自定义二级搜下拉框
	.ofc-search-items{
		border-top:2px solid $color-main;
		padding: 0 35px;
		.ofc-search-btn{
			width:260px;
			height:40px;
			line-height: 40px;
			display:block;
			background: $color-main;
			color:#fff;
			font-size:16px;
			text-align: center;
			margin-top:4px;
		}
		.ofc-search-btn:hover{
		}
	}
	.select-error{
		width: 100%;
		height: 26px;
    	line-height: 26px;
    	display: block;
    	text-align: left;
    	color:#ff0000;
	}
}
.ofc-white{
	background-color: #ededed;
}

.ofc-gray{
	background-color: #f5f5f5;
}

.ofc-provide,.ofc-faq{
	@extend %wrap;
}
.ofc-test{
	width:1190px;
	margin: 0 auto;
}
.recommend-left {
  width: 806px;
  margin: 0;
  float: left;
}
.recommend-right {
  float: right;
}
.ofc-test-content{
	margin-top: 20px;
}
.ofc-test-content .ofc-test-img{
	display:block;
}
.ofc-partner {
  padding: 20px 0;
}
//公用标题模块
.ofc-modle-title{
	h2{
		width:9.5%;
		padding-left:20px;
		border-bottom:4px solid $color-main;
		float:left;
		font-size:24px;
		font-weight: normal;
	}
	h4 {
		  width: 6.2%;
		  float: left;
		  font-size: 16px;
		  padding: 10px 20px;
		  line-height: 33px;
		  font-weight: normal;
	}
}
.ofc-modle-recommend {
	background: $color-main url(#{$imgurl-base}/onlinefinance/handUp.png) no-repeat top left;
}
.ofc-modle-recommend h2 {
	width: 100px;
	border-bottom: none;
	color: #fff;
	padding-left:42px;	
}
.ofc-modle-title{
	.ofc-more{
		width:88.82%;
		border-bottom:4px solid #333;
		float:left;
		text-align: right;
		margin-top:12px;
		height:24px;
	}
}
.ofc-modle-recommend .ofc-more {
  width: 664px;
  border-bottom: none;
  margin-top: 0;
  line-height: 36px;
  height: 36px;
}
.ofc-modle-title .ofc-partner-content {
	padding: 10px 0;
}
.ofc-modle-title .ofc-partner-content img {
	margin-right: 20px;
}
.ofc-modle-title{
	.ofc-more-link{
		font-family: simsun;
		font-size: 12px;
	    color: #666;
	    float: right;
	    padding-top: 2px;
	}
}
.ofc-modle-recommend .ofc-more-link {
  color: #fff;
  padding-right: 13px;
}
.ofc-modle-title .ofc-more-link i.crumbs-arrow {
    font-family: simsun;
    font-style: normal;
}
.ofc-modle-title{
	.ofc-more-link:hover{
		cursor: pointer;
		text-decoration: underline;
		color: #f60;
	}
}
.ofc-modle-recommend .ofc-more-link:hover {
  color: #fff;
}
//推荐车型
.ofc-provide {
  padding: 35px 0px;
}
.ofc-provide .ofc-recommend-content {
	padding: 5px;
	background: #fff; 
	width: 796px;
}
.ofc-provide .ofc-recommend-content li {
  float: left;
  display: inline;
  height: 283px;
  overflow: hidden;
}
.ofc-provide .ofc-recommend-content li .car-detail {
  width: 387px;
  padding: 17px 0;
}
.ofc-provide .ofc-recommend-content li .car-detail .name-box, .ofc-provide .ofc-recommend-content li .car-detail .info-box {
  width: 340px;
  margin: 0 auto;
  text-align: right;
}
.ofc-provide .ofc-recommend-content li .car-detail .name-box {
  border-bottom: 1px dashed #cacaca;
  padding-bottom: 10px;
}
.ofc-provide .ofc-recommend-content li .car-detail2 .img-box, .ofc-provide .ofc-recommend-content li .car-detail2 .img-box a {
  border-bottom: none;
}
.ofc-provide .ofc-recommend-content li .car-detail .info-box strong {
  padding: 0;
}
.ofc-provide .ofc-provide-content {
  width: 1215px;
  margin-top: 10px;
}
.paddingbot0 {
	padding: 15px 0 0 0;
}
.ofc-provide .ofc-provide-content li {
  float: left;
  margin-right: 21px;
  margin-bottom: 21px;
  display: inline;
}
.ofc-provide .ofc-provide-content li .car-detail {
  width: 382px;
  padding: 17px 0;
}

//常见问题
.ofc-faq{
	padding:15px 0px;
	.ofc-faq-content{
		width:100%;
		margin-top:20px;
		border-top:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		background-color: #fff;
	}
	.ofc-faq-content li{
		width:50%;
		float:left;
		border-left:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		margin-left: -1px;
		a{
			display:block;
			padding:10px 26px;
		}
	}
	.ofc-faq-content li:hover{
		background-color:#e5e5e5;
	}
	.ofc-faq-content li:hover a{
		text-decoration:none;
	}
	.faq-topic,.faq-answer,.faq-more{
		margin-top:12px;
		font-size:16px;
		color:#333;
		cursor: pointer;
		width: 541px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.faq-more{
		display:block;
		text-align: right;
   		margin-top: 2px;
	}
}
//自定义下拉框
.custom-select-box{
	margin-top:20px;
	position:relative;
  	background-color: rgba(255,255,255,0.8);
	.selected-item{
		width:230px;
		height:20px;
		line-height:20px;
		border:1px solid #c9c9c9;
		padding:10px 15px;
		cursor: pointer;
	}
	.select-items{
		width:260px;
		position:absolute;
		border:1px solid #c9c9c9;
		top:41px;
		left:0;
		background:#fff;
		z-index:1001;
		.item{
			width:245px;
			height:20px;
			line-height:20px;
			padding:5px 0 5px 15px;
			background:#fff;
		}
		.item:hover{
			cursor: pointer;
			color:#fff;
			background:#3425be;
		}
	}
}
.custom-select-box:before{
	content:'';
	width:12px;
	height:8px;
	display:block;
	position:absolute;
	top:18px;
	right:13px;
	background:url(#{$imgurl-base}/onlinefinance/custom-select/arrows.png) no-repeat;
}

.footer-main {
	margin-top: 0;
}

/*没有找到商品*/
.crumbs-list-no{
  .list-order{
    margin-bottom: 10px;
  }
}
.search_result_no {
  background: url('#{$imgurl-base}/list/nosearch.png') no-repeat 238px center #fff;
  padding: 100px 0 100px 337px;

  .search_no_tip {
    color: #666;
    font-size: 14px;
  }

  .search_conditions {
    color: #333;
    font-size: 16px;
    padding-bottom:15px;
  }
  .search_no_tip .search_txt {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 2px 0 5px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
  }
  .search_txt_area {
    color: $color-blue-1;
    padding: 0 8px;
  }
  .search_suggest {
    color: #000;
    line-height: 20px;
    padding: 5px 0 8px;
  }

  .search_back{
    color:$color-blue-1;
    margin:0px 5px;
    text-decoration: underline;

    &:hover{
      color:$color-orange-1;
      text-decoration: none;
    }

  }
}

//特殊部分覆盖公用区域
.car-detail2 .img-box, .car-detail2 .img-box a {
  padding-bottom: 24px;
  border-bottom: 1px dashed #cacaca;
}
.car-detail3 .caption-box {
  white-space: normal;
  text-overflow: initial;
}